/*
*   TABS
*/
.tabFont { font-size: 10px; font-style: italic; }
#tabs { width: auto; height:150px; border: solid 2px #ccc; padding: 10px;}

/*
*	OUTER-LAYOUT PANE FORMATTING
*/
.ui-layout-center {
    margin: 0 0 0 0;    
}

.ui-layout-west,
.ui-layout-east {
	/* show off the inner-layout inside the outer-center-pane*/
	background-color: #FFFFFF;
	border: solid 1px #ccc;	
	opacity: 1;
}

.pane-center {
	/* show off the inner-layout inside the outer-center-pane*/
	background-color: #F6F6F6;
	padding: 0; /* for outer layout */
}

.pane-west {
    overflow: visible !important;
}

/* inner divs inside Outer East/West panes */
.WFE_header { 
	background: #80ade5 url(../img/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}
.WFE_subhead ,
.WFE_footer {
	background: #d6d6d6 url(../img/d6d6d6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 0.85em;
	position: relative;
	overflow: hidden;
}
.WFE_subhead { border-bottom: 1px solid #777; }
.WFE_footer  { border-top: 1px solid #777; }

.WFE_addNodeDraggable { border: solid 1px #C0C0C0; width: 75px; height: 75px; padding: 0.5em; float: left; margin: 30px 10px 30px 45px; background-image: url(../img/WFE_addNodeDraggableImage.png); }
.WFE_addNodeDraggable:hover 
{
    background-image: url(../img/WFE_addNodeDraggableImage.png);
    background-color: #FFFFDD;
    border: solid 2px #F0F0F0;
    height: 73px !important;
    width: 73px !important;
    cursor: url(WFF_img/cursor.cur), pointer;   
}

/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/
	
.resizer-west-dragging ,
.resizer-west-open ,
.resizer-east-open ,
.resizer-east-dragging ,
.resizer-east-open:hover ,
.resizer-west-open:hover	{ background-color: #D8D8D8; background: url(../img/resize-bar.png) repeat-y center; }	

.resizer-west-open ,
.resizer-east-open {
	opacity: 0.7;
	filter: alpha(opacity=10);
}
.resizer-west-open:hover ,
.resizer-east-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.resizer-dragging {
	/* see draggable.opacity option*/
	opacity: 0.5;
	filter: alpha(opacity=50);	
}

* html .resizer-west-open	{ background: url(../img/resizable-w.gif) repeat-y center !important; }
* html .resizer-east-open	{ background: url(../img/resizable-e.gif) repeat-y center !important; }

* html .resizer-west-open ,
* html .resizer-east-open {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}

/*
.toggler-east-closed ,
.toggler-west-open    { background: url(../img/toggle-lt.gif) no-repeat center right; }
.toggler-west-closed ,
.toggler-east-open    { background: url(../img/toggle-rt.gif) no-repeat center left; }
*/

/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed ,
.resizer-east-closed {    
    background-color: #D1E6FC;
	background: url(../img/D1E6FC_40x100_textures_10_dots_medium_90.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	opacity: 0.5 !important;
	filter: alpha(opacity=10) !important;
}
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
	background-color: #D1E6FC;
	opacity: 0.5 !important;
	filter: alpha(opacity=10) !important;
}


/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 *
 *	these 'extra buttons' are INSIDE the east/west panes
 */

/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close {
	position:	absolute;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west	{ left:	 0; }
span.button-close-east	{ right: 0; }
span.button-pin-west	{ right: 1px; }
span.button-pin-east	{ left:	 1px; }

/* CUSTOM pin-buttons */
span.button-pin-up 		  		{ background: url(../img/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(../img/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(../img/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(../img/pin-dn-on.gif)  no-repeat center; }

/* CUSTOM close-buttons */
span.button-close-west			{ background: url(../img/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(../img/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(../img/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(../img/go-rt-on.gif)  no-repeat center; }

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed		{ background: url(../img/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(../img/go-rt-on.gif)  no-repeat center; }
.toggler-east-closed		{ background: url(../img/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover	{ background: url(../img/go-lt-on.gif)  no-repeat center; }



/* PADDING */
span.button-pin ,
span.button-close {
    padding: 4px 10px 0 10px;
}

.ui-layout-west ,
.ui-layout-east {
    padding: 7px 8px 0 8px;
}

/*.ui-layout-pane 
{
    border: 0;
    padding: 1px 1px 1px 1px;  
}

.WFE_container 
{
    border: groove 1px #A8A8A8;	
    padding: 10px 1px 1px 10px;  
}*/

.WFE_button
{
    background: transparent url(../WFF_img/WFE_button.png) no-repeat;
    color: #FFFFFF;
    border: 0px;
    height: 27px;
    width: 128px;
    font-weight: bold;
    font-size: smaller;
    text-align: center;
    vertical-align: middle;
    margin-left: 27px;
    /*background-color: #828AD0;
    border-right-color: #555555;
    border-bottom-color: #555555;*/
}

.WFE_button:hover
{
    color: Yellow;
    background: transparent url(../WFF_img/WFE_button_hover.png) no-repeat;
    cursor: pointer;
}

.WFE_button_clicked
{
    color: White !important;
    background: transparent url(../WFF_img/WFE_button_clicked.png) no-repeat !important;
}

.WFE_menu_button_link:hover, .WFE_menu_button_link:link, .WFE_menu_button_link:visited, WFE_menu_button_link
{
    text-decoration: none;
}

#WFE-body
{
    padding: 8px 0px 0px 5px;
    width:auto; height:650px;
}

.WFE_keepImageOverflow
{    
    overflow: visible !important;        
}

/*---- setting zIndex for datepickers ----*/
.ui-datepicker
{
    z-index:1200 !important;
    float: right;
}

.ui-dialog
{
    /*z-index: 1000 !important;*/
}

.p
{
    text-align: center;
}

.WFE_button_img
{
    height: 20px;
    width: 20px;
    vertical-align: middle;
    float: none;
    margin-left:-120px;
    border: 0px;
}

.WFE_checkop
{
    height: 23px;
    width: 23px;
    vertical-align: middle;
    display: inline;
    float:right;
    position: absolute;
    margin-left: 100px;
}